<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ include file="../common/IncludeTop.jsp" %> 

<div id="content">
	<div id="Catalog">
	<h2 >购物车</h2>
	<form name="cartForm" action="cartServlet?action=update" method="post">
		<table >
 			<tr >
 			<th>项目编号</th> <th>商品编号</th> <th>说明</th> <th>数量
			</th> <th>价格</th> <th>总价</th> <th>&nbsp;</th>
 			</tr>
 				<c:forEach var="cartItem" items="${ cart.cartItemList}">
 				<tr >
 				<td>
			 	<a href="../catalog/ShowItemServlet?itemid=${cartItem.item.itemid}">${cartItem.item.itemid}
 				</a></td>
 				<td>${cartItem.item.productid}</td>
				<td>
				${cartItem.item.attr1}
 				${cartItem.item.attr2}
 				${cartItem.item.attr3}
 				${cartItem.item.attr4}
 				${cartItem.item.attr5}
 				</td>
				<td >
				<!--以下黑体代码为文本框，注意所有宠物的 name 属性为 itemid-->
				<input type="text" size="3" name="${cartItem.item.itemid}"
				value="${cartItem.qty}">
 				</td>
 				<td align="right">￥${cartItem.item.listprice}</td>
 				<td align="right">￥${cartItem.totalPrice}</td>
				<!--以下黑体代码与 Category.jsp 类似，显示具有按钮效果的超链接-->
 				<td>
				<A class="Button" href=" cartServlet?action=remove&&itemid=${cartItem.item.itemid}">
				从购物车中删除</A>
 				</td>
 				</tr>
				</c:forEach>
				<tr >
				<td colspan="3" >购买宠物数量：${cart.numberOfItems}</td>
				<td colspan="4" >小计: ￥${cart.total}</td>
				</tr>
				<tr><td colspan="7">
		<!--以下黑体代码显示一个具有按钮效果的超链接，注意其 onClick 属性-->
 				<A class="Button" onClick="cartForm.submit()">更新购物车</A>
				</td>
				</tr>
		</table>
	</form>
<!--以下黑体代码购物车中有选购的宠物时，显示“转向结帐页面”链接-->
		<br /><center><A class="Button" href="Checkout.jsp">转向结帐页面</a></center>
	</div>
</div>

<%@ include file="../common/IncludeBottom.jsp" %>